<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    // 接口地址: http://www.liulongbin.top:3006/api/formdata
    // 请求方式： POST

    
    // 1. 创建 FormData 实例
    const fd = new FormData()
    // 2. 调用 append 函数，向 fd 中追加数据
   fd.append('uname','zs')
   fd.append('upswd','123')

   const xhr = new XMLHttpRequest()
   xhr.open('POST','http://www.liulongbin.top:3006/api/formdata')


  //  当发送fd数据的时候，以下代码不要添加，浏览器会自动识别添加上合适的请求头信息
  // xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
  
   xhr.send(fd)
   xhr.onreadystatechange = function(){
    if(xhr.readyState === 4 && xhr.status === 200){
      console.log(JSON.parse(xhr.responseText))
    }
   }
  </script>
</body>

</html>